@charset "UTF-8";
/* CSS Document */

html {
color: #484848;
height: 100%;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}

body {
font:13px/1.231 arial,helvetica,clean,sans-serif;
*font-size:small;
*font:x-small;
font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック", Osaka, verdana, arial, sans-serif, HiraKakuPro-W3;
line-height:1.5em;
}

select,input,button,textarea{
font:99% arial,helvetica,clean,sans-serif;
}

table {
font-size:inherit;
font:100%;
border-collapse: collapse;
border-spacing: 0;
}

pre,code,kbd,samp,tt{
font-family:monospace;
*font-size:108%;
line-height:100%
}

fieldset, img {
border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var, optgroup {
font-style: inherit;
font-weight: inherit;
}

del, ins {
text-decoration: none;
}

li {
list-style: none;
}

caption, th {
text-align: left;
}

h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}

q:before, q:after {
content: '';
}

abbr, acronym {
border: 0;
font-variant: normal;
}

sup {
vertical-align: baseline;
}

sub {
vertical-align: baseline;
}

legend {
color: #000;
}

input, button, textarea, select, optgroup, option {
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
}

input, button, textarea, select {
 *font-size: 85%;
}

p {
margin: 0;
padding: 0;
}

img {
vertical-align: bottom;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {
display: inline-block;
min-height: 1%;  /* for IE 7*/
}

/* Hides from IE-mac */
* html .clearfix {
height: 1%;
}

.clearfix {
display: block;
}

/* End hide from IE-mac */

/* clearfix */

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {
display: inline-block;
min-height: 1%;  /* for IE 7*/
}

/* Hides from IE-mac */
* html .clearfix {
height: 1%;
}

.clearfix {
display: block;
}